<template>
    <div>
        <!-- 因为是 relative所以左偏移是right 右偏移是left -->
        <el-form-item label="控件名称：">
            <el-input v-model="modalFormData.label" placeholder="请输入控件名称" ></el-input>
        </el-form-item>
        <el-form-item label="右偏移：">
            <el-input-number v-model="modalFormData.left"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="左偏移：">
            <el-input-number v-model="modalFormData.right"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="上边距：">
            <el-input-number v-model="modalFormData.marginTop"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="下边距：">
            <el-input-number v-model="modalFormData.marginBottom"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="左边距：">
            <el-input-number v-model="modalFormData.marginLeft"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="右边距：">
            <el-input-number v-model="modalFormData.marginRight"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="标题等级：">
            <el-input-number :max="6" :min="1" v-model="modalFormData.level"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="字体颜色：">
            <el-color-picker v-model="modalFormData.color"></el-color-picker>
        </el-form-item>
    </div>
</template>
<script>
export default {
    name:'TitleConfig',
    props:{
        modalFormData:{
            type:Object,
            default:()=>{
                return {}
            }
        }
    }
}
</script>